/* header 区域 */
.header {
  width: 100%;
  height: 41px;
  line-height: 41px;
  background-color: #fafafa;
}

.header a {
  color: #666666;
}

.header .header-center {
  height: 100%;
}

.header .header-center .header-left {
  float: left;
}

.header .header-center .header-right {
  float: right;
}

.header .header-center .header-left .nav {
  position: relative;
}

.header .header-center .header-left .nav li {
  float: left;
  margin-right: 45px;
}

.header .header-center .header-left .nav li:last-child {
  margin-right: 0;
}

.header .header-center .header-right .tools li {
  float: left;
  margin-left: 39px;
}

.header .header-center .header-right .tools li:first-child {
  margin-right: 0;
}

.header .header-center .header-right .tools li .new {
  display: none;
  position: relative;
  top: -1px;
  left: 1px;
  border-radius: 3px;
  width: 28px;
  height: 12px;
  font-size: 11px;
  line-height: 11px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #ed4462;
}

.header .header-center .header-right .tools li .new::before {
  display: inline-block;
  position: absolute;
  top: 4px;
  left: -1px;
  margin-bottom: 3px;
  width: 4px;
  height: 4px;
  background-color: #ed4462;
  content: "";
  transform: rotate(45deg);
}

.header .header-center .header-right .tools li .new.display {
  display: inline-block;
}